<!--
 *   
 * @Date: 2022-06-14 13:11:05
 * @LastEditTime: 2022-06-19 14:11:02
  
-->

<div>
<Card [full]="true">
  <CardHeader
    [title]="title"
    [extra]="extra"
    [thumb]="'https://gw.alipayobjects.com/zos/rmsportal/MRhHctKOineMbKAZslML.jpg'"
  >
  <ng-template #title>
    <span class="pr-1" style="color: #888;">求助11</span>
    <Tag [small]="true">王大</Tag>
    <span class="pr-1" style="color: #888;">23232</span>

  </ng-template>
    <ng-template #extra>
      <span class="text-sm">举报</span>
    </ng-template>
  </CardHeader>
  <CardBody>
    <div>This is content of CardThis is content of CardThis is content of Card</div>
  </CardBody>
  <CardFooter [content]="content" [extra]="footerExtra">
    <ng-template #content>
      <span class="pr-1 text-gray-600">#意思小区#</span>
      <span class="text-gray-400 ">1分钟前发布</span>
    </ng-template>
    <ng-template #footerExtra>
      <div class="inline-block text-gray-900 ">点赞</div>
      <ion-icon name="heart-outline" class="pl-1 text-xl align-bottom" ></ion-icon>
    </ng-template>
  </CardFooter>
  <div class="flex justify-center pt-4 pb-4 text-gray-400 ">
    点击查看联系方式
  </div>
  <div class="w-full h-1 bg-gray-200"></div>
  <!-- <div class="flex justify-center px-4 py-4 bg-gray-50 ">
    <div class="w-full rounded h-28 bg-gradient-to-r from-yellow-400 via-red-500 to-pink-500"></div>
  </div> -->
</Card>
</div>